<style >
</style>
<template>
  <Card  class="example" title='select' >
    <h4 slot="title">select {{mode}}</h4>
    <!-- 原来select的属性可直接配置 -->
    <Select
     :label-in-value="true" 
      valueKey='id'
      labelKey='name'
      :options='options' 
      v-model='mode'/>
  </Card  >
</template>

<script>
import Select from './index'

// 选项定义
const options = [
  {
    id: 1,
    name: 'coco',
  },
  {
    id: 2,
    name: 'rogan',
    _props: {disabled: true} // options 配置
  },
  {
    id: 3,
    name: 'jeck',
  },
]

export default {
  components: {
    Select
  },
  data(){
    return {
      mode: 1,
      options
    }
  },
  

}
</script>
